<!DOCTYPE html>
<html>
<head>
  <title>We're sorry, but something went wrong (500)<</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
    body {
      background: #081421;
      color: #d3d7de;
      font-family: "Courier new";
      font-size: 18px;
      line-height: 1.5em;
      cursor: default;
    }

    .code-area {
      position: absolute;
      width: 350px;
      min-width: 350px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }

    .code-area > span {
      display: block;
    }

    @media screen and (max-width: 320px) {
      .code-area {
        font-size: 5vw;
        min-width: auto;
        width: 95%;
        margin: auto;
        padding: 5px;
        padding-left: 10px;
        line-height: 6.5vw;
      }
    }
  </style>
</head>

<body>
<div class="code-area">
  <span style="color: #777;font-style:italic;">
    // 500 an error occurred.
  </span>
  <span>
    <span style="color:#d65562;">
      if
    </span>
	  <span style="color:#4ca8ef;">!</span><span style="font-style: italic;color:#bdbdbd;">everything_goes_well</span>

  </span>
  <span>
    <span style="padding-left: 15px;color:#2796ec">
       logger.error
    </span>
    <span>
      <span style="color: #a6a61f">"(╯°Д°)╯ ┻┻"</span>;
    </span>
    <span style="padding-left: 15px;color:#bb6b00">
       redirect_to
    </span>
    <span>
      <a href="/" style="color: #1fa632; text-decoration: none;">root_path</a>;
    </span>
	  <span style="display:block">end</span>
  </span>
</div>
</body>
</html>
